<template>
    <div class="page">
   
      
  <newPageHeader></newPageHeader>

  <newSearch></newSearch>
        <div class="pageContent">
            <div class="leftBar">
                <div class="menuItem">
                    <img class="logo" src="@/static/engineering5188/supplier/employeeIcon.png" alt="">
                    <span class="menuItemTitle">采购商专区</span>
                </div>
                <div :class="{'activeMenu':$route.path === '/prefecturePage/newCompany', 'noactiveMenu':$route.path !== '/prefecturePage/newCompany' }"   @click="$router.push('/prefecturePage/newCompany')" >
                    公司资料
                </div>
                <div :class="{'activeMenu':$route.path === '/prefecturePage/newCommission', 'noactiveMenu':$route.path !== '/prefecturePage/newCommission' }"   @click="$router.push('/prefecturePage/newCommission')">
                    我的佣金
                </div>
                <div :class="{'activeMenu':$route.path === '/prefecturePage/newteam', 'noactiveMenu':$route.path !== '/prefecturePage/newteam' }"   @click="$router.push('/prefecturePage/newteam')">
                    我的团队
                </div>
                <div :class="{'activeMenu':$route.path === '/prefecturePage/newCollect', 'noactiveMenu':$route.path !== '/prefecturePage/newCollect' }"   @click="$router.push('/prefecturePage/newCollect')">
                    我的收藏
                </div>
                <div :class="{'activeMenu':$route.path === '/prefecturePage/newcipher', 'noactiveMenu':$route.path !== '/prefecturePage/newcipher' }"   @click="$router.push('/prefecturePage/newcipher')">
                    修改密码
                </div>
            </div>

            <div class="right">
                <router-view></router-view>
            </div>
        </div>


<newPageFooter></newPageFooter>

    </div>
</template>

<script>

import newSearch from "../newSearch.vue";

import newPageHeader from "../../../../components/page/engineering5188/new-page-header.vue";
import newPageFooter from "../../../../components/page/engineering5188/new-page-footer.vue";
export default {
    name:"prefecturePage",
    components:{
        newPageHeader,
        newPageFooter,
        newSearch
    },
    // computed: {
    //     ...mapState([
    //       "userInfo",
    //     ]),
    // },
    data(){
        return{}
    },
    created(){
        // console.log(this.userInfo)
    },
    methods:{
       
    }
}
</script>



<style scoped lang="less">
.page{
    width:100%;
    height:100%;
    // background-color:  #F6F6F6;
    

    .lookIcon{
        width:20px;
        height:20px;
    }
    .lookItem{
        color: #FFFFFF;
        font-weight: 600;
        font-size: 18px;
        cursor: pointer;
    }
    .m-l-62{
        margin-left:62px;
    }

    .pageContent{
        width:1460px;
        margin:0 auto;
        display: flex;
        justify-content: space-between;
        margin-top:32px;
        margin-bottom: 32px;

        .leftBar{
            width: 220px;
            height: 500px;
            background: #FFFFFF;
            border-radius: 0px 0px 0px 0px;

            .logo{
                width:24px;
                height:24px;
            }

            .menuItem{
                height: 55px;
                padding-left:16px;
                display: flex;
                align-items: center;
            }
            .menuItemTitle{
                font-weight: bold;
                font-size: 16px;
                color: #333333;
                line-height: 21px;
                margin-left:6px;
            }

            .activeMenu{
                height: 40px;
                padding-left:46px;
                font-family: PingFang SC, PingFang SC;
                font-weight: 500;
                font-size: 1.6rem;
                color: #041E3A;
                background:#EFF4FD;
                display: flex;
                align-items: center;
                border-left: 4px solid #0052D9;
                cursor: pointer;

            }
            .noactiveMenu{
                height: 40px;
                padding-left:46px;
                font-family: PingFang SC, PingFang SC;
                font-weight: 500;
                font-size: 1.6rem;
                color: #666666;
                background:#fff;
                display: flex;
                align-items: center;
                border-left: 4px solid #fff;
                cursor: pointer;
            }
        }

        .right{
            width: 1220px;
            background: #FFFFFF;
        }
    }
}

</style>